/*search*/
.search {
    height: 70px;
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 70px;
}

.search .hot .keywd {
    color:black;
    font-size: 16px;
}

.search .keywds {
    float: left;
    line-height: 70px;
    font-size: 14px;

}



.search .btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9999;
    background: url(../images/public/btnbg.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
}


/*data*/
.data{
    height: 440px;
    width: 100%;
    background-color: rgba(247, 247, 247, 0.49);
}
.data_title{
    color: rgba(248, 131, 1, 1);
    font-size: 30px;
    text-align: center;
    padding: 80px 0 75px 0;
    font-weight: 500;
}
.data ul li{
    width: 120px;
    height: auto;
    padding: 0 90px;
    text-align: center;
}
.data ul li h3{
    font-size: 16px;
    padding: 5px;
    color: black;
}
.data ul li img{
    width: 100%;
    height: 120px;
}

/*product*/
.product_title{
    color: rgba(248, 131, 1, 1);
    font-size: 30px;
    text-align: center;
    padding: 80px 0 75px 0;
    font-weight: 500;
}


/*product banner*/
.icon-arrow-a-left {
    background: url(img/peoduct_left.png) no-repeat;
}

.icon-arrow-a-right {
    background: url(img/product_right.png) no-repeat;
}

.icon-arrow-a-left {
    background-position: 0 0;
    height: 86px;
    width: 45px;
}

.icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover {
}

.icon-arrow-a-right {
    background-position: 0px 0;
    height: 86px;
    width: 45px;
}

.icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover {
}

* html, * html body {
    background-image: url(about:blank);
    background-attachment: fixed;
    zoom: 1;
}
.product_banner{
    width: 100%;
    height: 436px;
    overflow: hidden;
}
#index_b_hero {
    width: 771px;
    height: 436px;
    margin: auto;
    position: relative;
    margin-top: -10px;
    margin-bottom: 10px;
}

#index_b_hero img {
    width: 771px;
    height: 436px;
}

#index_b_hero .heros {
    width: 771px;
    height: 436px;
}

#index_b_hero .hero-wrap {
    overflow: visible;
    position: absolute;
}

#index_b_hero .next, #index_b_hero .prev {
    position: absolute;
    top: 50%;
    margin-top: -43px;
    margin-left: -134px;
    z-index: 5;
}

#index_b_hero .next:hover, #index_b_hero .prev:hover {
}

#index_b_hero .next {
    margin: -43px -135px 0 0;
    right: 0;
}

#index_b_hero .disabled {
    background-color: #eee;
}

#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {
    background: #000;
    z-index: 1;
    position: absolute;
    top: 5px;
    left: 0;
    width: 771px;
    height: 436px;
    overflow: hidden;
    left: 2000px;
}

#index_b_hero .mask-right, #index_b_hero .mask-left {
    z-index: 4;
    left: -771px;
    filter: alpha(Opacity=50);
    opacity: .5;
    background: #000;
    overflow: hidden;
}

#index_b_hero .mask-right {
    left: 771px;
}

#index_b_hero .active {
    z-index: 2;
    left: 0;
}
.product_box{
    margin-top: 60px;
    width: 100%;
    height: 564px;
}
.product_box_title{
    width: 300px;
    height: 564px;
    background-color: rgba(226, 226, 226, 1);
    position: relative;
}
.product_box_title li{
    width: 100%;
    height: 94px;
    line-height: 94px;
    font-size: 25px;
    float: left;
}
.product_box_title li:hover{
    color: white;
    background-color:#0663cc ;
}
.product_box_title li:hover p{
    color:white;
}
.product_box_title li .txt1{
    width: 80px;
    text-align: center;
    line-height: 94px;
    position: relative;
    z-index: 9;
}

.product_box_title li .txt2{
    line-height: 94px;
    margin-left: 20px;
    position: relative;
    z-index: 9;
}
.product_box_title .meng{
    width: 80px;
    height: 470px;
    background-color: #d1cfcf;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.product_box_title .meng02{
    position: absolute;
    top: 94px;
    left: 0;
    z-index: 3;
    background-color: #0663cc;
    opacity: 0.9;
}
.product_box_pic{
    width: 900px;
    height: 564px;
}
.product_box_pic ul{
    width: 900px;
    height: 564px;
    display: none;
}
.product_box_pic ul li{
    float: left;
    width: 300px;
    height: 282px;
    overflow: hidden;
    position: relative;
    color: white;
    text-align: center;
}
.product_box_pic ul li img{
    width: 300px;
    height: 282px;
}
.product_box_pic ul li .meng1{
    font-size: 80px;
    width: 100%;
    height: 190px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 190px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99;
    display: none;
}
.product_box_pic ul li .meng2{
    position: absolute;
    width: 100%;
    height:auto;
    bottom: 0;
    left: 0;
    z-index: 99;
}
.product_box_pic ul li .meng2 h3{
    width: 100%;
    height: 45px;
    background-color: rgba(0, 0, 0, 0.6);
    line-height: 45px;
    font-size: 20px;
}
.product_box_pic ul li .meng2 a p{
    height: 45px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    margin-top: 2px;
    line-height: 45px;
    display: none;
    color: white;
    cursor: pointer;
}

/*strength*/
.strength{
    width: 100%;

    background-color: rgba(247, 247, 247, 1);
    height: auto;
}
.title{
    color: rgba(248, 131, 1, 1);
    font-size: 30px;
    text-align: center;
    padding: 80px 0 75px 0;
    font-weight: 500;
}
.strength_box{
    width: 100%;
    position: relative;

}
.strength_box li{
    height: 455px;
    width: 100%;
    position: relative;
    /*background-color: wheat;*/
}
.strength_txt{
    width: 523px;
 position: relative;
    float: right;
}
.strength_txt h1{
    font-size: 30px;
    color: rgba(248, 131, 1, 1);
    padding-top: 70px;
}
.strength_txt h1 span{
    padding-left: 20px;
    color: #0663cc;
    font-weight: 500;
}
.strength_txt p{
    padding-left: 100px;
    margin: 10px 0 90px 0;
}
.strength_txt img{
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
}
.strength_pic01{
    position: absolute;
    left: -358px;
    top: -48px;
    height: 548px;
}
.strength_pic02{
    position: absolute;
   right: -358px;
    top: -48px;
    height: 548px;
}
.strength_pic1{
    position: absolute;
    top: 300px;
    left: 675px;
}
.strength_pic2{
    position: absolute;
    top: 755px;
    left: 0;
}
.strength_pic3{
    position: absolute;
    top: 1210px;
    left: 675px;
}
.strength_pic4{
    position: absolute;
    top: 1655px;
    left: 0;
}
.slide001{
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -2px;
    z-index: 99;
    height: 1817px;
}

/*flow*/
.flow_box {
    width: 100%;
    height: auto;
    margin-bottom: 70px;
}
.flow_box img{
    width: 100%;
}

/*filed*/
.filed{
    width: 100%;
    height: auto;
    background-color: rgba(247, 247, 247,1);
}
.filed_left{
    width: 384px;
    height: auto;
    position: relative;
}
.filed_left:hover .filed_meng{
    display: block;
}
.filed_meng{
    position: absolute;
    width: 100%;
    height: 402px;
   /*background-color: rgba(24, 93, 171, 0.7);*/
    text-align: center;
    color: white;
    top: 0;
    left: 0;

}
.filed_meng h1{
    padding: 80px 0 45px 0;
    font-size: 30px;
}
.filed_meng p{
    width: 185px;
    margin: 0 auto;

}
.filed_meng img{
    padding-top: 60px;
}


.filed_right{
    width: 816px;
    height: auto;
}
.filed_right li{
    width: 249px;
    height: 192px;
    padding: 5px 0 5px 20px;
    position: relative;
}
.filed_right li img{
    width: 100%;
}
.filed_right_meng{
    width: 249px;
    height: auto;
    position: absolute;
    top: 5px;
    left: 20px;


    display: none;
}
.filed_right_meng img{
    width: 249px;
    height: 192px;
    border-radius: 21px;
}
.filed_right li:hover .filed_right_meng{
    display: block;
}
.filed_right li h1{
    width: 249px;
    line-height: 192px;
    text-align: center;
    color: white;
    font-size: 30px;
    position: absolute;
    top: 5px;
    left: 20px;
}
.filed_right li:hover h1{
    display: none;
}

/*good*/
.good_banner{
    width: 100%;
    position: relative;
    height: 380px;
    overflow: hidden;
}
.good_banner_box li{
    width: 100%;
    height: auto;
    position: relative;
}
.good_banner_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 1000%;
    height: 380px;
}
.good_banner_box img{
    width: 200px;
    /*float: left;*/
}
/*.good_pic{*/
    /*width: 10%;*/
    /*float: left;*/
/*}*/
/*.good_pic img{*/
    /*width: 200px;*/
/*}*/
.good_pic02{
    margin-top: 40px;
}
.good_click{
    position: absolute;
    top: 36%;
    margin-top: -43px;
}
.good_banner .left{
    left: 0;
}
.good_banner .right{
    right:0;
}

/*go*/
.go_left{
    width: 600px;
    height: 350px;
}
.go_left .go_title{
    font-size: 18px;
    font-weight: 800;
    padding: 14px 0 28px 0;
}
.go_content{
    width: 570px;
    height: auto;
}
.go_more{
    padding-top: 40px;
}

.go_right{
    width: 600px;
    height: 350px;
}
/*environment*/
.environment_pic{
    width: 1200px;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.environment_pic ul{
    width: 1000%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
}
.environment_pic ul li{
    width: 282px;
    height: 200px;
    margin-right: 24px;
    float: left;
}
.environment_pic ul li img{
    width: 282px;
    height: 200px;
}
.environment_click{
    position: absolute;
    top: 50%;
    margin-top: -43px;
}
.environment_pic .left{
    left: 0;
}
.environment_pic .right{
    right: 0;
}


/*index news*/

.news{
    width: 100%;
    height: 562px;
    background-color: #f7f7f7;
    font-size: 14px;
}
.news_title{
    width: 170px;
    height: 40px;
    border-bottom: 1px solid #fd6f25;
    line-height: 40px;
    margin: 50px auto;
    color:  rgba(24, 93, 171, 1);
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    padding-top: 70px;
}
.news_left{
    width: 282px;
    height: auto;
    margin-right: 18px;
    position: relative;
}
.news_time{
    width: 77px;
    height: 77px;
    background-color: #0663cc;
    color: white;
    text-align: center;
    position: absolute;
    top: 134px;
    left: 0;
}
.news_time h2{
   font-size: 30px;
    font-weight: 800;
}
.news h3{
    font-size: 14px;

}
.news_center{
    width: 480px;
    height: auto;
}
.news_center ul li{
    width: 480px;
    height: 70px;

    position: relative;
    z-index: 5;
}
.news_center .left{
    width: 53px;
    height: 71px;
    background-color: #f88301;
    color: white;
    position: relative;
    z-index: 9;
    text-align: center;
}
.news_center .left h2{
    font-size: 25px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}
.news_center .left p{
    font-size: 12px;
}
.news_center .right{
    width: 426px;
    height: auto;
    border-bottom: 1px dotted black;
}
.news_center .right div{
    width: 390px;
    margin-left: 15px;
    height: 60px;
    padding-top: 10px;
}
.news_right{
    width: 382px;
    height: 304px;
    color: white;
    margin-left: 20px;
}
.news_right ul li{
    float: left;
    width: 191px;
    height: 152px;
}
.news_right ul li img{
    width: 191px;
    height: 152px;
}
.news_right1{
   background-color: #155092;
}
.news_right4{
    background-color: #fd6f25;
}
.news_right p{
    padding-top: 60px;
    width: 160px;
    margin: 0 auto;
}

.footer{
    margin-top: -10px;
}


.strength_txt01{
position:absolute;
top:122px;
left:740px;
}

.strength_txt02{
position:absolute;
top:580px;
left:74px;
}
.strength_txt03{
position:absolute;
top:1035px;
left:740px;
}

.strength_txt04{
position:absolute;
top:1490px;
left:74px;
}